import { PureComponent, ReactNode,Component } from "react";
// PureComponent会默认比较新旧的props & state ,但是这个比较是个浅比较
class Pure extends PureComponent<any,any> {
    state = {
        msg:'像水一样纯净',
        stu:{
            name:'阿凡达'
        }

    }
    render(): ReactNode {
        console.log('雪崩的时候，没有一片雪是无辜的');
        return(
            <fieldset>
                <legend>纯净组件</legend>
                <h1>{this.state.msg}</h1>
                {/* <h1>{this.state.stu.name}</h1> */}
                <button onClick={()=>{
                    this.setState({
                        msg:'钢铁洪流',
                        // stu:{
                        //     name:'阿里巴巴'
                        // }
                    })
                }}>点击</button>
            </fieldset>
        )
    }
}
export default Pure;